﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPrincipal.master" AutoEventWireup="true"
    CodeFile="DefaultUS.aspx.cs" Inherits="DefaultAE" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <link href="scripts/tiny_mce/themes/simple/skins/default/ui.css" rel="stylesheet"
        type="text/css" />
    <script src="scripts/jquery-1.6.1.min.js" type="text/javascript"></script>
    <script src="scripts/fswgrid-0.2.js" type="text/javascript"></script>
    <script src="scripts/json2.js" type="text/javascript"></script>
    <link href="Css/geral.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        function acessarEvento(id)
        {
            $.ajax({
                type: "POST",
                url: "DefaultUS.aspx/acessarEvento",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                data: JSON.stringify({guid: id}),
                success: 
                    function (msg) {
						window.location = "Evento/DefaultUS.aspx";
                    },
            });
        }
        var configGridEventos = {s: 4, i: 1, t: '', o: ''};
        var dateFormat;
        function DateFormat(date)
        {
            var milli = date.replace(/\/Date\((-?\d+)\)\//, '$1');
            var d = new Date(parseInt(milli));
            var date = new Date(d);
            var day = date.getDate();
            var month = date.getMonth();
            if(date.getDate() < 10)
            {
                day = '0' + date.getDate();
            }
            month = month + 1;
            if(date.getMonth() < 10)
            {
                month = '0' + month;
            }
            dateFormat = day + '/' + month + '/' + date.getFullYear();
        }
        $(document).ready(function () {
            carregarListaEvento();
            carregarListaEventoInscrito();
        });
        function carregarListaEventoInscrito(){
        var lista;
		$.ajax({
			type: "POST",
			url: "DefaultUS.aspx/getEventosInscrito",
			contentType: "application/json; charset=utf-8",
			dataType: "json",
			data: JSON.stringify({pagina: configGridEventos.i}),
			success: 
				function (msg) {
					lista = msg.d;
					$('#table-eventos-inscrito').fswGrid({
						bottombar: '#table-eventos-inscrito-footer',
						selectable: true,
						selectSingle: true,
						sortable: true,
						nextText: 'Próxima',
						prevText: 'Anterior',
						resultText: 'Exibindo de {0} a {1} de {2} resultados',
						results: false,
						pagination: true,
						message: 'Nenhum evento encontrado',
						pageSize: configGridEventos.s,
						onNext: function (i) {
							configGridEventos.i = configGridEventos.i + 1;
						},
						onPrev: function (i) {
							configGridEventos.i = configGridEventos.i - 1;
						},
						render: function (row, item) {
							DateFormat(item.dataInicial);
							$(row).append($('<td>').text(item.titulo));
							$(row).append($('<td>').text(item.status));
							$(row).append($('<td>').text(dateFormat));
					  
							var tdAcoes = $('<td>');
							var buttonAcessar = $('<a class="buttonAcaoMenor" href="javascript:acessarEvento(\''+item.id+'\')" >Acessar</a>');

							tdAcoes.append(buttonAcessar);
							$(row).append(tdAcoes);
						}
					}, lista);
				},
		    });
        };
        function carregarListaEvento(){
		var lista;
		$.ajax({
			type: "POST",
			url: "DefaultUS.aspx/getEventos",
			contentType: "application/json; charset=utf-8",
			dataType: "json",
			data: JSON.stringify({pagina: configGridEventos.i}),
			success: 
				function (msg) {
					lista = msg.d;
					$('#table-eventos').fswGrid({
						bottombar: '#table-eventos-footer',
						selectable: true,
						selectSingle: true,
						sortable: true,
						nextText: 'Próxima',
						prevText: 'Anterior',
						resultText: 'Exibindo de {0} a {1} de {2} resultados',
						results: false,
						pagination: true,
						message: 'Nenhum evento encontrado',
						pageSize: configGridEventos.s,
						onNext: function (i) {
							configGridEventos.i = configGridEventos.i + 1;
						},
						onPrev: function (i) {
							configGridEventos.i = configGridEventos.i - 1;
						},
						render: function (row, item) {
							DateFormat(item.dataInicial);
							$(row).append($('<td>').text(item.titulo));
							$(row).append($('<td>').text(item.status));
							$(row).append($('<td>').text(dateFormat));
					  
							var tdAcoes = $('<td>');
							var buttonAcessar = $('<a class="buttonAcaoMenor" href="javascript:acessarEvento(\''+item.id+'\')" >Acessar</a>');

							tdAcoes.append(buttonAcessar);
							$(row).append(tdAcoes);
						}
					}, lista);
				},
		});
	};
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderConteudo" runat="Server">
    <asp:Label ID="LabelPaginaInicial" style="margin: 20px" Text="Página Principal" Font-Size="20px" Font-Bold="true" runat="server"></asp:Label><br />
      <br />
    <div>
        <div style="text-align: left">
            <asp:Label runat="server" style="margin: 20px" ID="LabelEventosInscrito" Font-Bold="true" Text="Eventos inscrito"
                Font-Size="30px"></asp:Label>
        </div>
    </div>
   
    <table class="tabela-pesquisa" id="table-eventos-inscrito">
        <thead>
            <tr>
                <th>
                    Título
                </th>
                <th>
                    Status
                </th>
                <th>
                    Data de Realização
                </th>
                <th>
                    Ação
                </th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
    <div id="table-eventos-inscrito-footer" style="margin: 20px">
        <span class="fsw-grid-results"></span><a class="fsw-grid-prev" href="javascript:carregarListaEventoInscrito();">
            Anterior</a> <a class="fsw-grid-next" href="javascript:carregarListaEventoInscrito();">
                Próximo</a>
    </div>
    <br />
   
    <div>
        <div style="text-align: left" >
            <asp:Label runat="server" style="margin: 20px" ID="LabelEventos" Font-Bold="true" Text="Eventos aceitando inscrições"
                Font-Size="30px"></asp:Label>
        </div>
    </div>
  
    <table class="tabela-pesquisa" id="table-eventos">
        <thead>
            <tr>
                <th>
                    Título
                </th>
                <th>
                    Status
                </th>
                <th>
                    Data de Realização
                </th>
                <th>
                    Ação
                </th>
            </tr>
        </thead>
        <tbody>

        </tbody>
    </table>
    <div id="table-eventos-footer" style="margin: 20px">
        <span class="fsw-grid-results"></span><a class="fsw-grid-prev" href="javascript:carregarListaEvento();">
            Anterior</a> <a class="fsw-grid-next" href="javascript:carregarListaEvento();">Próximo</a>
    </div>
    <br />
</asp:Content>
